<template>
  <div>
    <div v-title>分期付款计划</div>
    <div class="body"></div>
    <div class="Img">
      <img src="../image/DDBJ.png" alt="">
    </div>
    <div class="T1">申请已提交，正在为您报价中，请耐心等待...</div>
    <div class="T2">稍后将推送消息给您，也可前往“个人中心”查看</div>

    <div @click="$router.push('/')" class="Bot1">回到首页</div>
    <div @click="$router.push('/BaiFenCenter')" class="Bot2">返回个人中心</div>
  </div>
</template>
<script>
  import api from '../fetch/api.js'
  export default {
    data() {
      return {}
    },
    mounted() {},
    methods: {

    }
  }

</script>
<style scoped>
  .Bot2 {
    width: 90%;
    height: 45px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    background: #2491ff;
    color: #fff;
    margin-top: 30px;
    font-size: 16px;
  }

  .Bot1 {
    width: 90%;
    height: 45px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #2491ff;
    border-radius: 3px;
    color: #2491ff;
    margin-top: 100px;
    font-size: 16px;
  }

  .T2 {
    font-size: 14px;
    color: rgb(51, 51, 51);
    text-align: center;
  }

  .T1 {
    font-size: 16px;
    color: rgb(51, 51, 51);
    text-align: center;
    padding-top: 20px;
    padding-bottom: 6px;
  }

  .Img {
    width: 100%;
    text-align: center;
    padding-top: 70px;
  }

  .Img>img {
    width: 70%;
  }

  .body {
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    z-index: -1;
  }

</style>
